簡(jiǎn)介:隨著技術(shù)發(fā)展,智能化多端設(shè)備已是大家必備的設(shè)備,本課程分析講解在移動(dòng)端,運(yùn)用原生JS+CSS3 技術(shù),實(shí)現(xiàn)兼容跨瀏覽器跨平臺(tái)的H5端下拉刷新及上滑加載更多效果,靈活運(yùn)用知識(shí)的同時(shí)實(shí)戰(zhàn)移動(dòng)端典型動(dòng)效特效。
第1章 課程準(zhǔn)備
本課程讓你快速了解課程,為什么要學(xué)習(xí)這門課,及學(xué)完能學(xué)到什么,課程目的及學(xué)習(xí)目標(biāo),你需要具備的前置知識(shí)等。
第2章 JS+CSS實(shí)現(xiàn)下拉刷新效果
本章實(shí)現(xiàn)上滑加載更多效果,通過(guò)案例拆解,結(jié)合矢量圖標(biāo)庫(kù)獲取加載圖標(biāo)+@keyframes和animation實(shí)現(xiàn)加載動(dòng)畫,以及講解生成模擬數(shù)據(jù)的通用思路,生成模擬數(shù)據(jù)以共上滑加載更多功能的測(cè)試使用。
第3章 JS+CSS實(shí)現(xiàn)上滑加載更多效果
本章實(shí)現(xiàn)上滑加載更多效果,通過(guò)案例拆解,結(jié)合矢量圖標(biāo)庫(kù)獲取加載圖標(biāo)+@keyframes和animation實(shí)現(xiàn)加載動(dòng)畫,以及講解生成模擬數(shù)據(jù)的通用思路,生成模擬數(shù)據(jù)以共上滑加載更多功能的測(cè)試使用。